<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
		 crossorigin="anonymous">
		 <link rel="stylesheet" href="../css/top.css" />
		 <link rel="stylesheet" href="../css/user.css" />
	</head>
	<body>
		<div class="top">
			<a id="back"> &lt;返回</a>
			<p>个人中心</p>
		</div>
		<div class="bg-user">
			<div class="bg-pic">
				<img id="pic" src="../image/bg-pic.png" style="border-radius: 50%;"/>
				<input id="upload" type="file" style="display: none"/>
				<div class="bg-login"><!-- 登录/注册 --></div>
			</div>
			
		</div>
		<div class="orders">
			<p class="font-weight-bolder" style="font-size: 40px; color: #545B62;">我的订单</p>
			<ul class="nav">
			  <li class="nav-item">
				  <div class="daifukuan">
					  <p class="dai-text">待付款</p>
				  </div>
				  
				  <div class="daishouhuo">
					   <p class="dai-text">待收货</p>
				  </div>
				  
				  <div class="daipingjia">
					   <p class="dai-text">待评价</p>
				  </div>
			  </li>
			 
			</ul>
		</div>
		<div class="user-list-op">
			<ul class="list-group">
			  <li class="list-group-item" id="myOrder"><img src="../image/order.jpg" style="width: 60px;height: 60px;"> 我的订单</li>
			  <li class="list-group-item" id="address"><img src="../image/address.jpg" style="width: 60px;height: 60px;"> 我的收货地址</li>
			  <li class="list-group-item"> 设置</li>
			  <li class="list-group-item">关于我们</li>
			  <li id="outLogin" class="list-group-item"> 退出登录</li>
			</ul>
		</div>
		
		<script src="../js/jquery.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
		 crossorigin="anonymous"></script>
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
		 crossorigin="anonymous"></script>
		 <script src="../js/user.js"></script>
	</body>
</html>
